<template>
  <div class="search">
    <div class="fnreturn" >
      <span class="return_left iconfont" @click="fnreturngo" >&#xe625;</span>
      <span>歌曲主题</span>
<!--      <span>{{index.singer_name}}</span>-->
      <span class="attention iconfont">&#xe60f;</span>
    </div>
    <div class="hot_search">热搜榜</div>

       <ul class="singer_song_list" v-for="n in 5" :key="n">
      <li>
        <p>歌手的歌曲信息</p>
<!--        <p class="list_title">{{item.songlist_title}}</p>-->
<!--        <p class="list_artic">{{item.songlist_artic}}</p>-->
      </li>
    </ul>







  </div>

</template>

<script>
  export default {
      name:'search',
      data(){
          return{

          }
      },
      methods:{
          fnreturngo(){
              if(true){
                  this.$router.go(-1)
              }
          }

      }
  }
</script>

<style scoped>
  .search{
    width: 100%;
    /*height: 1000px;*/
    background: gainsboro;
  }
  .fnreturn{
    margin-top: -3.7rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 4rem;
  }
  .return_left{
    padding-left: 2rem;
  }
  .attention{
    padding-left: 10rem;
  }
  .hot_search{
    font-size: 1.5rem;
    text-align: center;
    color: red;
  }



  @font-face {
  font-family: 'iconfont';  /* project id 1482310 */
  src: url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.eot');
  src: url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1482310_vi9nci9xgb9.svg#iconfont') format('svg');
}
  .iconfont {
    font-family: "iconfont" !important;
    /* font-size: 30rem; */
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1rem;
    -moz-osx-font-smoothing: grayscale;
  }
</style>
